<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>10.20作业</title>
    <link rel="stylesheet" href="zuoye.css">
</head>

<body>
    <img  class="top" src="image/top2.png">
    
    <div class="neck">
        <div class="neck-background">
            <p>新品9折</p>
            <a href="#">detail view</a>
        </div>

        <div class="neck-background">
            <p>新品9折</p>
            <a href="#">detail view</a>
        </div>
    </div> 
    <ul>
        <li><a style="padding-right: 220px;" href="#">精选</a></li>
        <li><a href="#">人气</a></li>
        <li><a style="color: red;" href="#" >精品</a></li>
        <li class="navigation-left"><b>Our Product</b> </li>
    </ul>
    <div class="vases">
        <div class="vases_content">
            <a href="#"><img src="./image/vase.png" alt="detail view"></a>
            <p>这是一个标题</p>
            <p class="vases_price">¥599</p>
            <div class="mask">
                <p>detail view</p>
            </div>
        </div>
        <div class="vases_content">
            <a href="#"><img src="./image/vase.png" alt="detail view"></a>
            <p>这是一个标题</p>
            <p class="vases_price">¥599</p>
            <div class="mask">
                <p>detail view</p>
            </div>
        </div>
        <div class="vases_content">
           <a href="#"><img src="./image/vase.png" alt="detail view"></a>
            <p>这是一个标题</p>
            <p class="vases_price">¥599</p>
            <div class="mask">
                <p>detail view</p>
            </div>
        </div>
        <div class="vases_content">
            <a href="#"><img src="./image/vase.png" alt="detail view"></a>
            <p>这是一个标题</p>
            <p class="vases_price">¥599</p>
            <div class="mask">
                <p>detail view</p>
            </div>       
        </div>
    </div>
    <div class="vases">
        <div class="vases_content">
            <a href="#"><img src="./image/vase.png" alt="detail view"></a>
            <p>这是一个标题</p>
            <p class="vases_price">¥599</p>
            <div class="mask">
                <p>detail view</p>
            </div>
        </div>
        <div class="vases_content">
            <a href="#"><img src="./image/vase.png" alt="detail view"></a>
            <p>这是一个标题</p>
            <p class="vases_price">¥599</p>
            <div class="mask">
                <p>detail view</p>
            </div>
        </div>
        <div class="vases_content">
            <a href="#"><img src="./image/vase.png" alt="detail view"></a>
            <p>这是一个标题</p>
            <p class="vases_price">¥599</p>
            <div class="mask">
                <p>detail view</p>
            </div>
        </div>
        <div class="vases_content">
            <a href="#"><img src="./image/vase.png" alt="detail view"></a>
            <p>这是一个标题</p>
            <p class="vases_price">¥599</p>
            <div class="mask">
                <p>detail view</p>
            </div>

        </div>
    </div>
        <div class="content-body">
            <img src="image/sofa1.png">
        </div>
        <div class="content-body-word">Our Story</div>
        <div class="content-body-word" style="padding-top: 0;">最新潮流</div>
        <div class="under_story">
            <div class="under_story_content">   
                <img src="./image/kitchen.png" alt="kitchen">    
                <a href="#">detail view</a>   
                <p class="story_text1">哥斯达，产品</p>   
                <p class="story_text2">包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。</p>    
            </div>   
            <div class="under_story_content">    
                <img src="./image/kitchen.png" alt="kitchen">   
                <a href="#">detail view</a>    
                <p class="story_text1">哥斯达，产品</p>    
                <p class="story_text2">包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。</p>    
            </div>   
            <div class="under_story_content">   
                <img src="./image/kitchen.png" alt="kitchen">   
                <a href="#">detail view</a>   
                <p class="story_text1">哥斯达，产品</p>    
                <p class="story_text2">包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。</p>    
            </div>    
        </div>
        <div class="content-body-word">Our Story           
        </div>
        <div class="content-body-word" style="padding-top: 0;">人气产品
        </div>
        <div class="product">
           <div class="product-content">
               <img class="coathanger" src="image/coathanger.png">
               <img class="heart" src="image/heart.png">
               <p>这是一个标题</p>               
               <p>599</p>               
           </div>
        <div class="product">
           <div class="product-content">
               <img class="coathanger" src="image/coathanger.png">
               <img class="heart" src="image/heart.png">
               <p>这是一个标题</p>               
               <p>599</p>               
           </div>
        <div class="product">
           <div class="product-content">
               <img class="coathanger" src="image/coathanger.png">
               <img class="heart" src="image/heart.png">
               <p>这是一个标题</p>               
               <p>599</p>               
           </div>
        <div class="product">
           <div class="product-content">
               <img class="coathanger" src="image/coathanger.png">
               <img class="heart" src="image/heart.png">
               <p>这是一个标题</p>               
               <p>599</p>               
           </div>
        <div class="product">
           <div class="product-content">
               <img class="coathanger" src="image/coathanger.png">
               <img class="heart" src="image/heart.png">
               <p>这是一个标题</p>               
               <p>599</p>               
           </div>
        </div>
        </div>
        </div>
        </div>
        </div>
           <div class="foot">
            <div class="foot-content">
             <p>椅子专区</p>
                <div class="arrow">
                  <img src="image/arrow.png">  
                </div>
            </div>            
           <div class="foot">
            <div class="foot-content">
             <p>椅子专区</p>
                <div class="arrow">
                  <img src="image/arrow.png">  
                </div>
            </div>           
           <div class="foot">
            <div class="foot-content">
             <p>椅子专区</p>
                <div class="arrow">
                  <img src="image/arrow.png">  
                </div>
            </div>
           </div>
           </div>
           </div>
           <div class="toe">
            <div class="toe_texts">
                <div class="toe_text"> 
                    <span class="toe_p1">关于图片</span>  
                    <p class="toe_p">图片因光线和产品批次等问题，可能会有差异，请以收到实际货品为准。</p>
                </div>
                <div class="toe_text">   
                    <span class="toe_p1">7天无理由退换货</span>    
                    <p class="toe_p">本店支持7天无理由退换货，买家主观原因的退换货，买家承担邮费，商品质量问题等卖家原因的退换，卖家承担所有邮费。</p>    
                </div>
                <div class="toe_text">   
                    <span class="toe_p1">100%正品保证</span>   
                    <p class="toe_p">本店承诺，所售产品均为正品，购买产品请认准授权，谨防假冒劣质。 
                    </p>   
                </div> 
                <div class="toe_text"> 
                    <span class="toe_p1">关于发货</span>  
                    <p class="toe_p">每日下午16:00前的订单当日可以发货。本店默认汇通，EMS快递。</p> 
                </div>
            </div>
            <div class="search">  
                <FORM method="GET" action="http://www..com/search">    
                    <input type="hidden" value="GB2312">    
                    <input type="hidden" value="GB2312">    
                    <input TYPE="hidden" VALUE="zh-CN"> 
                    <div>  
                        <input class="input_box" TYPE="text" name="q" size="18" maxlength="255"  value="">      
                        <button type="submit"><img src="image/search.png"></button>    
                    </div>
                </FORM>   
            </div>  
        </div>
    </body>
            